﻿.tbMessageContainer, .tbChildMessageContainer
{
	position: relative;
	border-bottom: 1px solid #727780;
	vertical-align: top;
	font-size: 11pt;
	margin-left: 1%;
	margin-right: 1%;
	width: 97%;
}

.tbChildMessageContainer
{
	box-sizing: border-box;
	border-left: 40px solid white;
}

.divMainContainer
{
	float: left;
	text-align: justify;
	border: 0px dotted blue;
	margin-right: 10px;
	padding-top: 5px;
	padding-left: 5px;
	width: calc(100% - 200px);
}

.divRightContainer
{
	width: 174px;
	float: right;
	border: 0px dotted #FF99CC;
	text-align: right;
}

.SnapshotModeInfoContainer
{
	display: none;
	margin-left: 5px;
	margin-top: 5px;
}

.SnapshotModeInfo
{
	float: left;
}

#SnapshotModeEmpty
{
	display: none;
	margin: 5px 0 5px 0;
}

.divFooterContainer
{
	width: 100%;
	height: 20px;
	border: 0px dotted green;
	float: right;
	margin-top: 10px;
	text-align: left;
}

.ThumbnailImageMarkup, .ThumbnailImageComment, .ThumbnailImageHistory, .ThumbnailImageSmall
{
	float: left;
	cursor: pointer;
	width: 75px;
	height: 75px;
	border: 1px solid #727780;
	margin: 0px 10px 5px 0px;
}

.ThumbnailImageContainer
{
	overflow-y: hidden;
	float: left;
}

.ThumbnailArrow
{
	position: absolute;
	display: none;
	top: 6px;
	left: 6px;
	width: 15px;
	height: 15px;
	background: url(../../../images/ThumbnailArrow.svg) no-repeat transparent center;
}

.ThumbnailArrowUp
{
	float: left;
	width: 15px;
	height: 15px;
	background: none no-repeat transparent center;
}

.ThumbnailImageSmall
{
	width: 50px;
	height: 50px;
}

.imgSourceDataIcon
{
	float: right;
	height: 20px;
}

.shortLinkInfo
{
	font-size: 9pt;
	text-decoration: none;
}

.spnDateInfo, #aDisplayOfReplies
{
	margin-right: 20px;
}

.shortInfo
{
	font-size: 9pt;
	color: #727780;
}

.divShortInfo, .aReply, .aReplyWith
{
	float: left;
	vertical-align: central;
	height: 100%;
}

.divReply
{
	width: 130px;
	background: #4774FC;
	height: 18px;
	margin-left: 20px;
}

.divShowAllReplys
{
	margin-left: 20px;
}

.divFooterInfo, .divShowAllReplys, .divReply
{
	position: relative;
	float: left;
}

.aReply
{
	cursor: pointer;
	color: white;
	margin: 0;
	padding-left: 5px;
	width: 80%;
}

.aReplyWith
{
	display: none;
	position: absolute;
	top: 18px;
	cursor: pointer;
	color: black;
	margin: 0;
	padding-left: 0px;
	background: white;
	border: 1px solid #4774FC;
	width: 128px;
	z-index: 3000;
}

.aReplyWith:hover
{
	background: #4774FC;
	color: white;
	border-top: 1px solid white;
}

.imgDropDown
{
	float: right;
	border-left: 1px solid white;
	cursor: pointer;
}

#SourceDataFirstLine
{
	font-size: 9pt;
	float: right;
}

#aShowLink
{
	opacity: 0;
}

.tdbottomContainer
{
	clear: both;
}
